<template>
  <div>
      <!-- 如果这里只写方法名 默认方法第一个参数是事件参数对象  event -->
      <!-- 方法名 => event / 方法名() =>-->
      <button @click="addCount(1)">+1</button>
      <button @click="test">异步调用</button>
      <button @click="getAsyncCount(999)">辅助函数Action调用</button>
  </div>
</template>

<script>
import { mapMutations, mapActions } from 'vuex'
export default {
  methods: {
      ...mapMutations(['addCount']),
      ...mapActions(['getAsyncCount']),
    //   调用方法
    //   addCount () {
    //      // 调用store中的mutations 提交给muations
    //     // commit('muations名称', 2)
    //     this.$store.commit('addCount', 10)  // 直接调用mutations
    // }
    test () {
      // dispatch(action方法名, 1,2,3,4,5)
       this.$store.dispatch('getAsyncCount', 111)
    }
  }
}
</script>

<style>

</style>